﻿<!DOCTYPE html>
<html>
  <head>
    <title>3.3 助眠音乐</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_3_助眠音乐/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/3_3_助眠音乐/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u1761" class="ax_default _形状" data-label="Rectangle">
        <div id="u1761_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1762" class="ax_default" data-left="51" data-top="659" data-width="354" data-height="73">

        <!-- Rectangle (矩形) -->
        <div id="u1763" class="ax_default _形状" data-label="Rectangle">
          <div id="u1763_div" class=""></div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1764" class="ax_default image">
          <img id="u1764_img" class="img " src="images/1_0_闹钟页面/u167.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1765" class="ax_default image">
          <img id="u1765_img" class="img " src="images/1_0_闹钟页面/u168.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1766" class="ax_default image">
          <img id="u1766_img" class="img " src="images/1_0_闹钟页面/u169.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1767" class="ax_default" data-left="75" data-top="40" data-width="331" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u1768" class="ax_default" data-left="368" data-top="40" data-width="30" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u1769" class="ax_default _形状">
            <div id="u1769_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1770" class="ax_default _形状">
            <div id="u1770_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1771" class="ax_default _形状">
            <div id="u1771_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1772" class="ax_default image">
          <img id="u1772_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1773" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1773_div" class=""></div>
          <div id="u1773_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1774" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1774_div" class=""></div>
          <div id="u1774_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1775" class="ax_default" data-left="64" data-top="235" data-width="328" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u1776" class="ax_default box_1">
          <img id="u1776_img" class="img " src="images/3_3_助眠音乐/u1776.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1777" class="ax_default" data-left="78" data-top="248" data-width="301" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1778" class="ax_default _文本段落">
            <div id="u1778_div" class=""></div>
            <div id="u1778_text" class="text ">
              <p><span>外接灯泡</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1779" class="ax_default image">
            <img id="u1779_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1780" class="ax_default _文本段落">
            <div id="u1780_div" class=""></div>
            <div id="u1780_text" class="text ">
              <p><span>开</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1781" class="ax_default" data-left="63" data-top="317" data-width="328" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u1782" class="ax_default box_1">
          <img id="u1782_img" class="img " src="images/3_3_助眠音乐/u1776.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1783" class="ax_default" data-left="77" data-top="329" data-width="301" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1784" class="ax_default _文本段落">
            <div id="u1784_div" class=""></div>
            <div id="u1784_text" class="text ">
              <p><span>助眠音乐</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1785" class="ax_default image">
            <img id="u1785_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1786" class="ax_default" data-left="63" data-top="372" data-width="328" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u1787" class="ax_default box_1">
          <img id="u1787_img" class="img " src="images/3_3_助眠音乐/u1776.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1788" class="ax_default" data-left="77" data-top="384" data-width="301" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1789" class="ax_default _文本段落">
            <div id="u1789_div" class=""></div>
            <div id="u1789_text" class="text ">
              <p><span>主题色彩</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1790" class="ax_default image">
            <img id="u1790_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1791" class="ax_default _文本段落">
            <div id="u1791_div" class=""></div>
            <div id="u1791_text" class="text ">
              <p><span>黑</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1792" class="ax_default" data-left="64" data-top="509" data-width="328" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u1793" class="ax_default box_1">
          <img id="u1793_img" class="img " src="images/3_3_助眠音乐/u1776.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1794" class="ax_default" data-left="78" data-top="521" data-width="301" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1795" class="ax_default _文本段落">
            <div id="u1795_div" class=""></div>
            <div id="u1795_text" class="text ">
              <p><span>关于我们</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1796" class="ax_default image">
            <img id="u1796_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1797" class="ax_default" data-left="64" data-top="453" data-width="328" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u1798" class="ax_default box_1">
          <img id="u1798_img" class="img " src="images/3_3_助眠音乐/u1776.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1799" class="ax_default" data-left="78" data-top="466" data-width="301" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1800" class="ax_default _文本段落">
            <div id="u1800_div" class=""></div>
            <div id="u1800_text" class="text ">
              <p><span>版权声明</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1801" class="ax_default image">
            <img id="u1801_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1802" class="ax_default" data-left="63" data-top="180" data-width="328" data-height="44">

        <!-- Unnamed (矩形) -->
        <div id="u1803" class="ax_default box_1">
          <img id="u1803_img" class="img " src="images/3_3_助眠音乐/u1776.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1804" class="ax_default" data-left="77" data-top="192" data-width="301" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1805" class="ax_default _文本段落">
            <div id="u1805_div" class=""></div>
            <div id="u1805_text" class="text ">
              <p><span>睡眠日志</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1806" class="ax_default image">
            <img id="u1806_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1807" class="ax_default ellipse">
        <img id="u1807_img" class="img " src="images/2_0_天气页面/u1357.png"/>
        <div id="u1807_text" class="text ">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1808" class="ax_default label">
        <div id="u1808_div" class=""></div>
        <div id="u1808_text" class="text ">
          <p><span>用户姓名</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1809" class="ax_default label">
        <div id="u1809_div" class=""></div>
        <div id="u1809_text" class="text ">
          <p><span>用户ID</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1810" class="ax_default" data-left="378" data-top="321" data-width="215" data-height="117">

        <!-- Unnamed (图片) -->
        <div id="u1811" class="ax_default image">
          <img id="u1811_img" class="img " src="images/图例/u58.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1812" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1812_div" class=""></div>
          <div id="u1812_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1813" class="ax_default" data-left="378" data-top="340" data-width="180" data-height="8">

          <!-- Unnamed (水平线) -->
          <div id="u1814" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="177" CompoundMode="true">
            <img id="u1814_img" class="singleImg img " src="images/3_2_2_灯泡打开/u1725.png"/>
            <div id="u1814p000" class="ax_vector_shape" WidgetTopLeftX="-0.483516483516484" WidgetTopLeftY="0" WidgetTopRightX="0.489010989010989" WidgetTopRightY="0" WidgetBottomLeftX="-0.483516483516484" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.489010989010989" WidgetBottomRightY="0.166666666666667">
              <img id="u1814p000_img" class="img " src="images/3_3_助眠音乐/u1814p000.png"/>
            </div>
            <div id="u1814p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="44" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="44" WidgetBottomRightY="0">
              <img id="u1814p001_img" class="img " src="images/1_1_闹钟设置/u289p001.png"/>
            </div>
            <div id="u1814p002" class="ax_vector_shape" WidgetTopLeftX="8.65" WidgetTopLeftY="0.05" WidgetTopRightX="-0.2" WidgetTopRightY="0.05" WidgetBottomLeftX="8.65" WidgetBottomLeftY="0" WidgetBottomRightX="-0.2" WidgetBottomRightY="0">
              <img id="u1814p002_img" class="img " src="images/图例/u6p002.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1815" class="ax_default _形状">
            <div id="u1815_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u1816" class="ax_default _形状" data-label="Rectangle">
        <div id="u1816_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1817" class="ax_default" data-left="582" data-top="40" data-width="331" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u1818" class="ax_default" data-left="875" data-top="40" data-width="30" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u1819" class="ax_default _形状">
            <div id="u1819_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1820" class="ax_default _形状">
            <div id="u1820_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1821" class="ax_default _形状">
            <div id="u1821_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1822" class="ax_default image">
          <img id="u1822_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1823" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1823_div" class=""></div>
          <div id="u1823_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1824" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1824_div" class=""></div>
          <div id="u1824_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1825" class="ax_default label">
        <div id="u1825_div" class=""></div>
        <div id="u1825_text" class="text ">
          <p><span>欢迎来到音乐助眠世界zZ</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1826" class="ax_default" data-left="670" data-top="127" data-width="156" data-height="156">

        <!-- Unnamed (椭圆形) -->
        <div id="u1827" class="ax_default ellipse">
          <img id="u1827_img" class="img " src="images/3_3_助眠音乐/u1827.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1828" class="ax_default label">
          <div id="u1828_div" class=""></div>
          <div id="u1828_text" class="text ">
            <p><span>音乐主题名称</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1829" class="ax_default icon">
          <img id="u1829_img" class="img " src="images/3_3_助眠音乐/u1829.png"/>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1830" class="ax_default ellipse">
        <img id="u1830_img" class="img " src="images/3_3_助眠音乐/u1830.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1831" class="ax_default ellipse">
        <img id="u1831_img" class="img " src="images/3_3_助眠音乐/u1831.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1832" class="ax_default ellipse">
        <img id="u1832_img" class="img " src="images/3_3_助眠音乐/u1832.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1833" class="ax_default ellipse">
        <img id="u1833_img" class="img " src="images/3_3_助眠音乐/u1833.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1834" class="ax_default ellipse">
        <img id="u1834_img" class="img " src="images/3_3_助眠音乐/u1830.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1835" class="ax_default ellipse">
        <img id="u1835_img" class="img " src="images/3_3_助眠音乐/u1830.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1836" class="ax_default" data-left="575" data-top="639" data-width="321" data-height="68">

        <!-- Unnamed (矩形) -->
        <div id="u1837" class="ax_default box_1">
          <img id="u1837_img" class="img " src="images/3_3_助眠音乐/u1837.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1838" class="ax_default label">
          <div id="u1838_div" class=""></div>
          <div id="u1838_text" class="text ">
            <p><span>音乐主题名称</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1839" class="ax_default label">
          <div id="u1839_div" class=""></div>
          <div id="u1839_text" class="text ">
            <p><span>0:01:00</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1840" class="ax_default icon">
          <img id="u1840_img" class="img " src="images/3_3_助眠音乐/u1840.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1841" class="ax_default icon">
          <img id="u1841_img" class="img " src="images/3_3_助眠音乐/u1841.png"/>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u1842" class="ax_default _形状" data-label="Rectangle">
        <div id="u1842_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1843" class="ax_default box_1">
        <div id="u1843_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1844" class="ax_default _图片">
        <img id="u1844_img" class="img " src="images/3_3_助眠音乐/u1844.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1845" class="ax_default box_1">
        <div id="u1845_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1846" class="ax_default label">
        <div id="u1846_div" class=""></div>
        <div id="u1846_text" class="text ">
          <p><span style="color:#AEAEAE;">0:</span><span>01</span><span style="color:#AEAEAE;">:00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1847" class="ax_default box_1">
        <div id="u1847_div" class=""></div>
        <div id="u1847_text" class="text ">
          <p><span>完成</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1848" class="ax_default" data-left="649" data-top="680" data-width="404" data-height="115">

        <!-- Unnamed (图片) -->
        <div id="u1849" class="ax_default image">
          <img id="u1849_img" class="img " src="images/图例/u58.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1850" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1850_div" class=""></div>
          <div id="u1850_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1851" class="ax_default" data-left="683" data-top="688" data-width="370" data-height="8">

          <!-- Unnamed (水平线) -->
          <div id="u1852" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="364" CompoundMode="true">
            <img id="u1852_img" class="singleImg img " src="images/3_3_助眠音乐/u1852.png"/>
            <div id="u1852p000" class="ax_vector_shape" WidgetTopLeftX="-0.491891891891892" WidgetTopLeftY="0" WidgetTopRightX="0.491891891891892" WidgetTopRightY="0" WidgetBottomLeftX="-0.491891891891892" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.491891891891892" WidgetBottomRightY="0.166666666666667">
              <img id="u1852p000_img" class="img " src="images/3_3_助眠音乐/u1852p000.png"/>
            </div>
            <div id="u1852p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="90.75" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="90.75" WidgetBottomRightY="0">
              <img id="u1852p001_img" class="img " src="images/1_1_闹钟设置/u289p001.png"/>
            </div>
            <div id="u1852p002" class="ax_vector_shape" WidgetTopLeftX="16.3636363636364" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="16.3636363636364" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
              <img id="u1852p002_img" class="img " src="images/图例/u31p002.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1853" class="ax_default _形状">
            <div id="u1853_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1854" class="ax_default icon">
        <img id="u1854_img" class="img " src="images/3_2_1_选择灯泡/u1654.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1855" class="ax_default image">
        <img id="u1855_img" class="img " src="images/图例/u58.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1856" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1856_div" class=""></div>
        <div id="u1856_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1857" class="ax_default" data-left="403" data-top="795" data-width="650" data-height="367">

        <!-- Unnamed (矩形) -->
        <div id="u1858" class="ax_default box_1">
          <img id="u1858_img" class="img " src="images/3_3_助眠音乐/u1858.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1859" class="ax_default _文本段落">
          <div id="u1859_div" class=""></div>
          <div id="u1859_text" class="text ">
            <p><span>功能逻辑</span></p><p><span>用户在更多【3.0】页面中选择助眠音乐进入，可根据自己的喜好选择助眠歌曲及时长</span></p><p><span><br></span></p><p><span>交互逻辑：</span></p><p><span>单击助眠音乐选项，页面跳转到助眠音乐页面，点击音乐球的播放按钮即可开始播放音乐，单击底部单角符-下，可跳转到设置音乐时长页面，单击数字底部弹出数字键盘，点击完成则设置完成，回到助眠音乐页面。</span></p><p><span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span></p><p><span>技术逻辑：</span></p><p><span>每个音乐播放时间默认为15min，自定义音乐的设置时间的范围为时分秒。</span></p><p><span><br></span></p><p><span>业务逻辑：</span></p><p><span>助眠板块有助于解决用户难以入睡的难题</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
